<template>
  <div class="zhuandan">
    <div class="center">
      <left></left>
      <div class="right">
        <top></top>
        <div class="hei10"></div>
        <div style="padding: 15px 30px;">
          <div class="mb20" style="font-size: 14px; ">在售商品管理 > <span style="color: rgb(19, 84, 255);">商品订单流转设置</span></div>
          <div class="mb20" style=" font-size: 20px; margin-bottom: 30px;"> <i class="el-icon-arrow-left" style="font-size: 20px; cursor: pointer; font-weight: bold;" @click="$router.back(-1)"></i> {{$route.query.name}}商品订单流转设置</div>
          <div class="kflexc mb20">
            <div class="nli" :class="act == 1?'nliact':''" @click="act = 1">原订单变换商品</div>
            <div class="nli" :class="act == 2?'nliact':''" @click="act = 2">订单拆单</div>
          </div>

          <div style="background: rgb(246, 249, 252); border-radius: 10px; padding: 30px;" class="mb20" v-if="act == 1">
            <div style="color: rgb(51, 51, 51); font-size: 14px;" class="mb20">该功能会将生产失败的订单（包括初审失败）自动更换商品并重新走生产流程，转单过的订单您可在订单右上角看到一个橙色的“转”字标识，点击该标识可查看该订单转单记录，转单生产成功后会自动在相应平台发货，后续佣金会按照生产成功的商品计算。</div>
            <div class="kflexbc">
              <div style="color: rgb(255, 87, 62); font-size: 14px;">注：仅自己发展的订单可以转单，如需转单下游订单请沟通订单发展方后由其设置转单。</div>
              <div class="kflexc" @click="xiazai('https://file.storep.91haoka.cn/gantanhao/zhuandanshuoming2.pdf?attname=')" style="color: rgb(19, 84, 255); font-size: 12px; cursor: pointer;">
                <img src="https://file.storep.91haoka.cn/gantanhao/xiazai.png" style="margin-right: 5px;" > 下载详细使用说明
              </div>
            </div>
          </div>

          <div style="background: rgb(246, 249, 252); border-radius: 10px; padding: 30px;" class="mb20" v-if="act == 2">
            <div style="color: rgb(51, 51, 51); font-size: 14px;" class="mb20">该功能会自动将订单拆分出一个独立的订单，拆分订单的商品根据配置的商品编码，拆分出的订单与原订单无关联，作为单独订单统计，其发货信息不会更新到电商平台，拆分订单外部单号后会增加后缀-CF字样，点击外部单号可检索所有拆分订单。</div>
            <div style="color: rgb(255, 87, 62); font-size: 14px;">注：仅自己发展的订单可以拆单。</div>
          </div>

          <zhuandanact v-if="act == 1"></zhuandanact>
          <chaidan v-if="act == 2"></chaidan>

        </div>
      </div>
    </div>

  </div>
</template>

<script>
  import axios from 'axios'
  import top from '@/components/top.vue'
  import left from '@/components/left.vue'
  import zhuandanact from './zhuandanact/zhuandanact'
  import chaidan from './zhuandanact/chaidan'
  export default {
    components: {
      "left": left,
      "top": top,
      zhuandanact,chaidan
    },
    name: 'zhuandan',
    data() {
      return {
        act:this.$route.query.act
      }
    },
    created() {

    },
    mounted() {

    },
    methods: {
      xiazai:function(url){
        window.location.href = url
      }
    }

  }
</script>

<style scoped>

</style>
